<template>
	<view class="xb-page">
		<view class="uni-flex uni-column page-head-container" >
			<view class="uni-flex uni-row page-org-head" style="align-items: center;">
				<image class="page-org-icon" src="../../../static/org.png"></image>
				<view class="uni-flex uni-column page-org-desc-area" style="align-items: center;">
					<view class="page-org-name">咪咪培训</view>
					<view class="page-org-own">绿风|机构所有者</view>
				</view> 
			</view>
			<view>
				<image @change="changeorg" src="../../../static/add.png"  class="xb-icon-button-small page-modify-org">modify</image>
			</view>
			 <view class="uni-flex uni-row page-total-area" style="justify-content:space-between;align-items: center;">
				<view @click="stuList" class="page-total-cell" >
					<view class="page-total-desc">老师</view>
					<view class="page-total-vals">30</view>
				</view>
				<view @click="teaList" class="page-total-cell" >
					<view class="page-total-desc">教室</view>
					<view class="page-total-vals">30</view>
				</view>
				<view @click="roomList" class="page-total-cell" >
					<view class="page-total-desc">课程</view>
					<view class="page-total-vals">30</view>
				</view>
			</view>
		</view>

		<view class="uni-flex uni-row page-myrule"  style="align-items: center;">
			<view class="xb-section-title">我的权限</view>
			<uniTag  v-for="(item,index) in rulesList" type="primary" size="small" :key="index" :text="item.name">
			</uniTag>
		</view>
		<view class="page-forward-item">
			<view class="xb-list-cell">
				<view class="xb-list-cell-navigate xb-navigate-right" hover-class="xb-list-cell-hover">增值服务</view>
			</view>
			<view class="xb-list-cell">
				<view class="xb-list-cell-navigate xb-navigate-right" hover-class="xb-list-cell-hover">短信余量</view>
			</view>
			<view class="xb-list-cell">
				<view class="xb-list-cell-navigate xb-navigate-right" hover-class="xb-list-cell-hover">基础设置</view>
			</view>
		</view>
	</view>
</template>












<script>
	import pageHead from '../../../components/page-head.vue'
	import uniTag from '../../../components/uni-tag.vue'
	export default {
		data() {
			return {
				rulesList:[{'name':'学员'},{'name':'合约'},{'name':'财务'},{'name':'请假调课'},{'name':'排课'},{'name':'群发通知'}]
			}

		},
		components :{
			pageHead,
			uniTag,
		},
		methods: {
			modify: function(e) {
				uni.navigateTo({
					url: ''
				});

			},
			basesetting: function(e) {
				uni.navigateTo({
					url: 'basesetting'
				});
			},
			stuList: function(e) {
				uni.navigateTo({
					url: 'studentlist'
				});


			},
			roomList: function(e) {
				uni.navigateTo({
					url: 'roomlist'
				});


			},
			changeorg: function(e) {
				uni.navigateTo({
					url: 'orglist'
				});
			}
		}
	}
</script>

<style scoped>
	@import "../../../common/uni.css";
	@import "../../../common/xb.css";

.page-org-desc-area {
	margin-left: 10px;
	
}
.page-tag {
	margin-right: 5px;
}
.page-myrule {
	margin-left: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
}
.page-total-vals {
	 font-size: 35px;
	 color: #4CD964;
	 font-weight: 400;
}
	.page-total-area {
		width: 80%;
		margin-left: 10%;
		
	}
	.page-modify-org {
		position: absolute;
		top: 5%;
		right: 5%;
	}
	.page-org-head {
		margin-left: 20%;
	}
	.page-head-container {
		position: relative;
		background-color: #FFFFFF;
		padding-top: 30px;
		padding-bottom: 30px;
	},
	.page-org-icon {
		width: 130px;
		height: 130px;
	}
	.page-forward-item {
		background-color: #FFFFFF;
	}
</style>
